<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>Perfekta. Multipurpose Site Theme.</title>
		<link rel="shortcut icon" href="images/favicon.png">

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

		<!-- Custom CSS -->
		<link href="css/style.css" rel="stylesheet" media="screen">

		<!-- Owl Carousel stylesheet -->
		<link href="css/owl.carousel.css" rel="stylesheet">

		<!-- Owl Carousel Default Theme -->
		<link href="css/owl.theme.css" rel="stylesheet">

		<!-- Fancybox -->
		<link href="css/jquery.fancybox.css" rel="stylesheet">

		<!-- Google Fonts -->
		<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Bree+Serif" rel="stylesheet">

		<!-- Font Awesome Icons -->
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.2/css/font-awesome.css" rel="stylesheet">

		<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>

		<!-- Fixed navbar -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html"><img src="http://coffeecreamthemes.com/themes/perfekta/site/images/logo.png" alt="Perfekta. Multipurpose Site Theme." class="img-responsive" /></a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Home <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="index.html">Full Width Slider</a></li>
								<li><a href="index-fullscreen.html">Full Screen Slide</a></li>
								<li><a href="index-fixed.html">Fixed Width Slider</a></li>
								<li><a href="index-bootstrap-fullwidth.html">Full Width Bootstrap Carousel</a></li>
								<li><a href="index-bootstrap-fixedwidth.html">Fixed Width Bootstrap Carousel</a></li>
								<li><a href="index-image-text.html">Static Image and Text Banner</a></li>
								<li><a href="index-image.html">Static Image Banner</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="features.html">Features</a></li>
								<li><a href="about.html">About Us</a></li>
								<li><a href="member.html">Team Member</a></li>
								<li><a href="leftcolumn.html">Left Column</a></li>
								<li><a href="rightcolumn.html">Right Column</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="portfolio1.html">1 Columns</a></li>
								<li><a href="portfolio2.html">2 Columns</a></li>
								<li><a href="portfolio3.html">3 Columns</a></li>
								<li><a href="portfolio4.html">4 Columns</a></li>
								<li><a href="project.html">Single Project Page</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="blog.html">Post List</a></li>
								<li><a href="post.html">Single Post</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="shop.html">Product List</a></li>
								<li><a href="products.html">Product Details</a></li>
								<li><a href="basket.html">Basket</a></li>
								<li><a href="checkout.html">Checkout</a></li>
							</ul>
						</li>
					</ul>
				</div><!--/.nav-collapse -->
			</div><!--/.container -->
		</div><!--/.navbar -->

		<!-- Content Start -->
		<div class="container">

			<div class="row row-margin no-fade">

				<!-- Content Start -->
				<div class="col-sm-8">

					<article class="post">
						<h1 class="entry-title">Default Post</h1>
						<div class="entry-meta">
							<span class="date"><i class="fa fa-calendar"></i>December 7, 2013</span>
							<span class="author"><i class="fa fa-user"></i>By admin</span>
							<span class="comments"><i class="fa fa-comment"></i><a href="post.html/#comments">5 Comments</a></span>
							<span class="entry-categories"><i class="fa fa-tag"></i>Posted in:  <a href="post.html">Business</a></span>
							<span class="entry-tags"><i class="fa fa-tags"></i>Tags: <a href="post.html">theme</a>, <a href="post.html">marketing</a></span>
						</div>
						<div class="post-thumb">
							<img src="http://placehold.it/1600x600" alt="Banner" class="img-responsive" />
						</div>
						<div class="entry-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
							<blockquote>Praesent lorem ante, eleifend vitae congue eget, consequat ac massa. Mauris rutrum feugiat magna, ac blandit lorem vulputate a. Morbi nec pharetra massa. Morbi sollicitudin iaculis lacus, at varius mi tincidunt ut. Curabitur lobortis suscipit ante, eu suscipit mauris porta vitae. <small>John Doe</small></blockquote>
							<p>Fusce sit amet luctus magna. Donec nec purus non orci vestibulum hendrerit ut non ligula. Pellentesque aliquet luctus nisi nec tristique. Aliquam eget suscipit est. Suspendisse vehicula consectetur ante et tincidunt. Fusce sit amet velit purus. Praesent lorem ante, eleifend vitae congue eget, consequat ac massa. Mauris rutrum feugiat magna, ac blandit lorem vulputate a. Morbi nec pharetra massa. Morbi sollicitudin iaculis lacus, at varius mi tincidunt ut. Curabitur lobortis suscipit ante, eu suscipit mauris porta vitae.</p>
							<img src="http://placehold.it/570x330" alt="" class="pull-left" />
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
							<p>Fusce sit amet luctus magna. Donec nec purus non orci vestibulum hendrerit ut non ligula. Pellentesque aliquet luctus nisi nec tristique. Aliquam eget suscipit est. Suspendisse vehicula consectetur ante et tincidunt. Fusce sit amet velit purus. Praesent lorem ante, eleifend vitae congue eget, consequat ac massa. Mauris rutrum feugiat magna, ac blandit lorem vulputate a. Morbi nec pharetra massa. Morbi sollicitudin iaculis lacus, at varius mi tincidunt ut. Curabitur lobortis suscipit ante, eu suscipit mauris porta vitae.</p>
							<img src="http://placehold.it/570x330" alt="" class="pull-right" />
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
							<p>Fusce sit amet luctus magna. Donec nec purus non orci vestibulum hendrerit ut non ligula. Pellentesque aliquet luctus nisi nec tristique. Aliquam eget suscipit est. Suspendisse vehicula consectetur ante et tincidunt. Fusce sit amet velit purus. Praesent lorem ante, eleifend vitae congue eget, consequat ac massa. Mauris rutrum feugiat magna, ac blandit lorem vulputate a. Morbi nec pharetra massa. Morbi sollicitudin iaculis lacus, at varius mi tincidunt ut. Curabitur lobortis suscipit ante, eu suscipit mauris porta vitae.</p>
						</div>
					</article>

					<div class="post-author">
						<div class="col-xs-4">
							<img src="http://placehold.it/200x200" alt="Banner" class="img-responsive img-circle" />
						</div>
						<div class="col-xs-8">
							<h5>About The Author</h5>
							<p>Fusce sit amet luctus magna. Donec nec purus non orci vestibulum hendrerit ut non ligula. Pellentesque aliquet luctus nisi nec tristique. Aliquam eget suscipit est. Suspendisse vehicula consectetur ante et tincidunt. Fusce sit amet velit purus. Praesent lorem ante, eleifend vitae congue eget, consequat ac massa. Mauris rutrum feugiat magna, ac blandit lorem vulputate a. Morbi nec pharetra massa. Morbi sollicitudin iaculis lacus, at varius mi tincidunt ut. Curabitur lobortis suscipit ante, eu suscipit mauris porta vitae.</p>
						</div>
						<div class="clear"></div>
					</div>

					<div class="comments">
						<h3>6 Comments</h3>
						<ul class="media-list">

							<li class="media">
								<a class="pull-left" href="#"><img class="media-object img-circle" src="http://placehold.it/80x80" alt="" /></a>
								<div class="media-body">
									<h5 class="media-heading"><a href="#">Jane Doe</a><small class="pull-right">December 7, 2013 at 1:46pm</small></h5>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
									<p><a href="#" class="btn btn-default">Reply</a></p>
									
									<div class="media">
										<a class="pull-left" href="#"><img class="media-object img-circle" src="http://placehold.it/80x80" alt="" /></a>
										<div class="media-body">
											<h5 class="media-heading"><a href="#">Jane Doe</a><small class="pull-right">December 7, 2013 at 1:46pm</small></h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
											<p><a href="#" class="btn btn-default">Reply</a></p>

											<div class="media">
												<a class="pull-left" href="#"><img class="media-object img-circle" src="http://placehold.it/80x80" alt="" /></a>
												<div class="media-body">
													<h5 class="media-heading"><a href="#">Jane Doe</a><small class="pull-right">December 7, 2013 at 1:46pm</small></h5>
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
													<p><a href="#" class="btn btn-default">Reply</a></p>
												</div>
											</div>

										</div>
									</div>

								</div>
							</li>

							<li class="media">
								<a class="pull-left" href="#"><img class="media-object img-circle" src="http://placehold.it/80x80" alt="" /></a>
								<div class="media-body">
									<h5 class="media-heading"><a href="#">Jane Doe</a><small class="pull-right">December 7, 2013 at 1:46pm</small></h5>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
									<p><a href="#" class="btn btn-default">Reply</a></p>

									<div class="media">
										<a class="pull-left" href="#"><img class="media-object img-circle" src="http://placehold.it/80x80" alt="" /></a>
										<div class="media-body">
											<h5 class="media-heading"><a href="#">Jane Doe</a><small class="pull-right">December 7, 2013 at 1:46pm</small></h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
											<p><a href="#" class="btn btn-default">Reply</a></p>

											<div class="media">
												<a class="pull-left" href="#"><img class="media-object img-circle" src="http://placehold.it/80x80" alt="" /></a>
												<div class="media-body">
													<h5 class="media-heading"><a href="#">Jane Doe</a><small class="pull-right">December 7, 2013 at 1:46pm</small></h5>
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam hendrerit id nisi non varius. Aliquam erat volutpat. Pellentesque in dolor vel tortor placerat rutrum. Aenean suscipit lacus nec adipiscing tristique. Mauris semper aliquam purus eu tempor. Etiam gravida, lorem vel imperdiet ullamcorper, est mauris lacinia elit, ut sollicitudin tellus erat et felis. Vestibulum id rhoncus sapien. Mauris scelerisque imperdiet mollis. Nullam eu volutpat urna, quis facilisis metus.</p>
													<p><a href="#" class="btn btn-default">Reply</a></p>
												</div>
											</div>

										</div>
									</div>

								</div>
							</li>
						</ul>

						<hr>

						<h3>Leave a comment</h3>

						<!-- Form Start -->
						<form role="form">
							<div class="form-group">
								<label for="yourname">Name</label>
								<input type="text" class="form-control" id="yourname" placeholder="John Doe" data-required="true">
							</div>
							<div class="form-group">
								<label for="email">Email</label>
								<input type="email" class="form-control" id="email" placeholder="name@domain.com" data-required="true">
							</div>
							<div class="form-group">
								<label for="website">Website (not required)</label>
								<input type="text" class="form-control" id="website" placeholder="www.domain.com">
							</div>
							<div class="form-group">
								<label for="message">Comment</label>
								<textarea class="form-control" id="message" rows="6" data-required="true"></textarea>
							</div>
							<button type="submit" class="btn btn-primary btn-lg">Submit</button>
						</form>
						<!-- Form End -->

					</div>

				</div>
				<!-- Content End -->

				<!-- Column Start -->
				<div class="col-sm-4">
					<aside>
						<h5><i class="fa fa-file-text fa-lg"></i>Recent Posts</h5>
						<ul class="submenu">
							<li><a href="post.html">This is your theme</a></li>
							<li><a href="post.html">Reposnsive web design</a></li>
							<li><a href="post.html">Plenty of options</a></li>
							<li><a href="post.html">Revolution slider</a></li>
						</ul>
						<hr>
						<h5><i class="fa fa-folder-open fa-lg"></i> Categories</h5>
						<ul class="submenu">
							<li><a href="#">Business</a></li>
							<li><a href="#">Marketing</a></li>
							<li><a href="#">Sales</a></li>
							<li><a href="#">Services</a></li>
						</ul>
						<hr>
						<h5><i class="fa fa-archive fa-lg"></i> Archives</h5>
						<ul class="submenu">
							<li><a href="#">December 2013</a></li>
							<li><a href="#">November 2013</a></li>
							<li><a href="#">October 2013</a></li>
							<li><a href="#">September 2013</a></li>
						</ul>
					</aside>
				</div>
				<!-- Column End -->

			</div>
			
		</div>
		<!-- Content End -->

		<!-- Prefooter Start -->
		<div class="prefooter">
			<div class="container">
				<div class="row">
					<div class="col-sm-3 latest-posts">
						<h5>Latest News</h5>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 latest-comments">
						<h5>Latest Comments</h5>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-4">
								<img src="http://placehold.it/80x80" alt="" />
							</div>
							<div class="col-xs-8">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam tellus.
								<br><a href="#">Read More</a>
							</div>
						</div>
					</div>
					<div class="col-sm-3 footer-photos">
						<h5>Latest Photos</h5>
						<ul>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
							<li><a href="http://placehold.it/900x600" class="fancybox" data-fancybox-group="group" title=""><img src="http://placehold.it/90x90" alt="" /></a></li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="col-sm-3 footer-contact">
						<h5>Contact Us</h5>
						<ul>
							<li>
								<address>
									<i class="fa fa-map-marker"></i>
									<p>
										<span>Address:</span>
										<br>416 Water St.
										<br>New York, NY 10002, USA
									</p>
								</address>
							</li>
							<li>
								<i class="fa fa-phone"></i>
								<p><span>Phone:</span> +1 800 555 789</p>
							</li>
							<li>
								<i class="fa fa-print"></i>
								<p><span>Fax:</span> +1 123 555 789</p>
							</li>
							<li>
								<i class="fa fa-envelope"></i>
								<p><span>Email:</span> <a href="mailto:name@domain.com">name@domain.com</a></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- Prefooter End -->

		<!-- Footer Start -->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						&copy; 2013 Perfekta. Web Design &amp; Development by <a href="http://www.coffeecreamthemes.com/" target="_blank">Coffeecream Themes</a>.
					</div>
					<div class="col-sm-6">
						<ul>
							<li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
							<li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
							<li><a href="http://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="http://tumblr.com/" target="_blank"><i class="fa fa-tumblr"></i></a></li>
							<li><a href="http://dribbble.com/" target="_blank"><i class="fa fa-dribbble"></i></a></li>
							<li><a href="http://xing.com/" target="_blank"><i class="fa fa-xing"></i></a></li>
							<li><a href="http://youtube.com/" target="_blank"><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<!-- Footer Start -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="http://code.jquery.com/jquery.js"></script>

		<!-- Bootstrap Plugins -->
		<script src="js/bootstrap.min.js"></script>

		<!-- Retina Plugin -->
		<script src="js/retina-1.1.0.min.js"></script>

		<!-- Owl Carousel Plugin -->
		<script src="js/owl.carousel.js"></script>

		<!-- Fancybox Plugin -->
		<script src="js/jquery.fancybox.js"></script>

		<!-- Bootstrap Progress Bar -->
		<script src="js/bootstrap-progressbar.js"></script>

		<!-- MixItUp Plugin -->
		<script src="js/jquery.mixitup.js"></script>

		<!-- Settings -->
		<script src="js/settings-inner.js"></script>
		
	</body>
</html>